Ext.define('Era.view.Viewport',{
    extend: 'Ext.container.Viewport',
    title: 'Managed Events',
    
    requires: [
        'Era.view.EventsGrid',
        'Era.view.EventsList',
        'Era.view.EventForm',
        'Era.view.FinishMenu',
        'Era.view.IconField',
        'Era.view.EventBar',
        'Era.view.MainMenu'
    ],
    
    initComponent: function(){
        this.eventForm = Ext.create('Era.view.EventForm');
        this.eventsList = Ext.create('Era.view.EventsList');
        this.mainMenu = Ext.create('Era.view.MainMenu');
        
        this.items = [      
            {
                xtype: 'eventbar'
            }
        ];

        this.callParent();      
    }
});